<!-- INICIO SLIDE BAR -->
<div class="sidebar-profile ng-scope">
    <div class="avatar">
        <!-- 
        <img class="img-circle profile-image" src="img/profile.jpg">  
        <i class="on border-dark animated bounceIn"></i>
        -->
    </div>
    <div class="profile-body dropdown">
        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
        	<h4>
        		{{username}} <span class="caret"></span>
        	</h4>
        </a>
        <small class="title">{{userprofile}}</small>
        <ul class="dropdown-menu animated fadeInRight" role="menu">
            <li class="profile-progress">
                <h5>
                <span>80%</span>
                  <small>Perfil Completo</small>
                </h5>
                <div class="progress progress-xs">
                    <div class="progress-bar progress-bar-primary" style="width: 80%">
                    </div>
                </div>
            </li>
            <li class="divider"></li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-user"></i>
                                </span>Minha Conta</a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-envelope"></i>
                                </span>Mensagens</a>
            </li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-cog"></i>
                                </span>Configurações</a>
            </li>
            <li class="divider"></li>
            <li>
                <a href="javascript:void(0);">
                    <span class="icon"><i class="fa fa-sign-out"></i>
                    </span>Sair</a>
            </li>
        </ul>
    </div>
</div>
<nav class="ng-scope">
    <h5 class="sidebar-header">Navegação</h5>
    <!-- location directive.js | data-nav-toggle-sub maps to -->
    <ul class="nav nav-pills nav-stacked sidebar-left" data-nav-toggle-sub>
        <li class="nav-dropdown">
            <a href="">
                <i class="fa  fa-fw fa-cogs"></i>
                Administradora
            </a>
            <ul class="nav-sub" data-index="0" style="display: none;">
                <li class="nav-dropdown">
		            <a href="" >
		            	<span></span>
		                <i class="fa fa-fw fa-folder-open"></i> 
		                Cadastro
		            </a>
		            <ul class="nav-sub" data-index="1" style="display: none;">
		                <li>
		                    <a href="#/condominio" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Condominio
	                    	</a>
		                </li>
		                <li>
		                    <a href="#/pessoa" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Pessoa
		                    </a>
		                </li>
		                <li>
		                    <a href="#/imovel" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Imóvel
		                    </a>
		                </li>
		                <li>
		                    <a href="#/ramoAtividade" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Ramo Atividade
		                    </a>
		                </li>
		                <li>
		                    <a href="#/fornecedor" title="Buttons">
				            	<span></span>
			                	<i class="fa fa-fw fa-file"></i>
		                    	Fornecedor
		                    </a>
		                </li>
		            </ul>
		        </li>
                <li class="nav-dropdown">
		            <a href="" title="Menu Levels"><span></span>
		                <i class="fa fa-fw fa-folder-open"></i> 
		                Financeiro
		            </a>
		            <ul class="nav-sub" data-index="1" style="display: none;">
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Fluxo de Caixa
				            </a>
				            <ul class="nav-sub" data-index="2" style="display: none;">
				                <li>
				                    <a href="#/caixaBanco" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Caixa/Banco
				                    </a>
				                </li>
				                <li>
				                    <a href="#/historico" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Histórico
				                    </a>
				                </li>
				                <li>
				                    <a href="#/subgrupo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Subgrupo
				                    </a>
				                </li>
				                <li>
				                    <a href="#/grupo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Grupo
				                    </a>
				                </li>
				                <li>
				                    <a href="#/banco" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Banco
				                    </a>
				                </li>
				                <li>
				                    <a href="#/conta" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Conta
				                    </a>
				                </li>
				        	</ul>
				        </li>
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Cobrança
				            </a>
				            <ul class="nav-sub" data-index="2" style="display: none;">
				                <li>
				                    <a href="#/tipoTitulo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Tipo Titulo
				                    </a>
				                </li>
				                <li>
				                    <a href="#/titulo" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Título
				                    </a>
				                </li>
				                <li>
				                    <a href="#/baixa" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Baixa
				                    </a>
				                </li>
				        	</ul>
				        </li>
		                <li class="nav-dropdown">
				            <a href="" >
				            	<span></span>
				                <i class="fa fa-fw fa-folder-open"></i> 
				                Movimentação
				            </a>
				            <ul class="nav-sub" data-index="2" style="display: none;">
				                <li>
				                    <a href="#/balancete" title="Buttons">
						            	<span></span>
					                	<i class="fa fa-fw fa-file"></i>
				                    	Balancete
				                    </a>
				                </li>
				        	</ul>
				        </li>
			        </ul>
                </li>
            </ul>
        </li>
        <!-- 
        <li class="nav-dropdown" ng-class="{active: $state.includes('forms')}">
            <a href="" title="Forms"><span></span>
                <i class="fa  fa-fw fa-edit"></i> Forms
            </a>
            <ul class="nav-sub" ng-class="{in: $state.includes('forms')}" data-index="1" style="display: none;">
                <li ui-sref-active="active">
                    <a href="#/forms/components" ui-sref="forms.components" title="Components">Components
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/forms/validation" ui-sref="forms.validation" title="Validation">Validation
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/forms/mask" ui-sref="forms.mask" title="Mask">Mask
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/forms/wizard/step_one" ui-sref="forms.wizard.step_one" title="Wizard">Wizard
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/forms/multi-upload" ui-sref="forms.multi-upload" title="Multiple File Upload">Multiple File Upload
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/forms/wysiwyg" ui-sref="forms.wysiwyg" title="WYSIWYG Editors">WYSIWYG Editors
                   </a>
                </li>
            </ul>
        </li>
        <li class="nav-dropdown" ng-class="{active: $state.includes('tables')}">
            <a href="" title="Tables"><span></span>
                <i class="fa  fa-fw fa-th-list"></i> Tables
            </a>
            <ul class="nav-sub" ng-class="{in: $state.includes('tables')}" data-index="2" style="display: none;">
                <li ui-sref-active="active">
                    <a href="#/tables/basic" ui-sref="tables.basic" title="Basic">Basic
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/tables/data" ui-sref="tables.data" title="Data Tables">Data Tables
                   </a>
                </li>
            </ul>
        </li>
        <li class="nav-dropdown" ng-class="{active: $state.includes('charts')}">
            <a href="" title="Charts"><span></span>
                <i class="fa  fa-fw fa-bar-chart-o"></i> Charts
            </a>
            <ul class="nav-sub" ng-class="{in: $state.includes('charts')}" data-index="3" style="display: none;">
                <li ui-sref-active="active">
                    <a href="#/charts/chartjs" ui-sref="charts.chartjs" title="Chart.js">Chart.js
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/charts/c3" ui-sref="charts.c3" title="C3 Charts">C3 Charts
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/charts/morris" ui-sref="charts.morris" title="Morris.js Charts">Morris.js Charts
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/charts/sparkline" ui-sref="charts.sparkline" title="Sparkline Charts">Sparkline Charts
                   </a>
                </li>
            </ul>
        </li>
            <li class="nav-dropdown" ng-class="{active: $state.includes('mail')}">
            <a href="" title="mail"><span></span>
                <i class="fa fa-fw fa-envelope-o"></i> Mail
                 <span class="label label-primary label-circle pull-right">8</span>
            </a>
            <ul class="nav-sub" ng-class="{in: $state.includes('mail')}" data-index="4" style="display: none;">
                <li ui-sref-active="active">
                    <a href="#/mail/inbox" ui-sref="mail.inbox" title="Mail Inbox">Inbox
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/mail/compose" ui-sref="mail.compose" title="Mail Compose">Compose Mail
                   </a>
                </li>
            </ul>
        </li>
        <li class="nav-dropdown" ng-class="{active: $state.includes('maps')}">
            <a href="" title="maps"><span></span>
                <i class="fa  fa-fw fa-map-marker"></i> Maps
            </a>
            <ul class="nav-sub" ng-class="{in: $state.includes('maps')}" data-index="5" style="display: none;">
                <li ui-sref-active="active">
                    <a href="#/maps/google" ui-sref="maps.google" title="Google Maps">Google Maps
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/maps/vector" ui-sref="maps.vector" title="Vector Maps">Vector Maps
                   </a>
                </li>
            </ul>
        </li>
        <li ui-sref-active="active">
            <a href="../Frontend/" title="Front-end Theme">
                <i class="fa  fa-fw fa-desktop"></i> Front-end Theme<span class="pull-right badge badge-danger">new</span>
            </a>
        </li>
        <li class="nav-dropdown" ng-class="{active: $state.includes('pages')}">
            <a href="" title="pages"><span></span>
                <i class="fa  fa-fw fa-file-text"></i> Pages
            </a>
            <ul class="nav-sub" ng-class="{in: $state.includes('pages')}" data-index="6" style="display: none;">
                <li ui-sref-active="active">
                    <a href="#/pages/blank" ui-sref="pages.blank" title="Blank Page">Blank Page
                   </a>
                </li>
                <li ui-sref-active="active">
                    <a href="#/pages/profile" ui-sref="pages.profile" title="Profile">Profile
                   </a>
                </li>
                <li><a href="pages-sign-in.html">Sign In</a>
                </li>
                <li><a href="pages-sign-up.html">Sign Up</a>
                </li>
                <li><a href="pages-locked-screen.html">Locked Screen</a>
                </li>
                <li><a href="pages-404.html">404 Page</a>
                </li>
                <li><a href="pages-500.html">500 Page</a>
                </li>
            </ul>
        </li>
        <li class="nav-dropdown">
            <a href="#" title="Menu Levels"><span></span>
                <i class="fa  fa-fw fa-folder-open"></i> Menu Levels
            </a>
            <ul class="nav-sub" data-index="7" style="display: none;">
                <li>
                    <a href="javascript:;" title="Level 2.1">
                        <i class="fa fa-fw fa-file"></i> Level 1.1
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="Level 2.2">
                        <i class="fa fa-fw fa-file"></i> Level 1.2
                    </a>
                </li>
                <li class="nav-dropdown">
                    <a href="#" title="Level 2.3"><span></span>
                        <i class="fa fa-fw fa-folder-open"></i> Level 1.3
                    </a>
                    <ul class="nav-sub" data-index="8" style="display: none;">
                        <li>
                            <a href="javascript:;" title="Level 3.1">
                                <i class="fa fa-fw fa-file"></i> Level 2.1
                            </a>
                        </li>
                        <li class="nav-dropdown">
                            <a href="#" title="Level 3.2"><span></span>
                                <i class="fa fa-fw fa-folder-open"></i> Level 2.2
                            </a>
                            <ul class="nav-sub" data-index="9" style="display: none;">
                                <li>
                                    <a href="javascript:;" title="Level 4.1">
                                        <i class="fa fa-fw fa-file"></i> Level 3.1
                                    </a>
                                </li>
                                <li class="nav-dropdown">
                                    <a href="#" title="Level 4.2"><span></span>
                                        <i class="fa fa-fw fa-folder-open"></i> Level 3.2
                                    </a>
                                    <ul class="nav-sub" data-index="10" style="display: none;">
                                        <li class="nav-dropdown">
                                            <a href="#" title="Level 5.1"><span></span>
                                                <i class="fa fa-fw fa-folder-open"></i> Level 4.1
                                            </a>
                                            <ul class="nav-sub" data-index="11" style="display: none;">
                                                <li>
                                                    <a href="javascript:;" title="Level 6.1">
                                                        <i class="fa fa-fw fa-file"></i> Level 5.1
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" title="Level 6.2">
                                                        <i class="fa fa-fw fa-file"></i> Level 5.2
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="javascript:;" title="Level 5.2">
                                                <i class="fa fa-fw fa-file"></i> Level 4.2
                                            </a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" title="Level 5.3">
                                                <i class="fa fa-fw fa-file"></i> Level 4.3
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </li>
            </ul>
        </li>
        <li ui-sref-active="active">
            <a href="#/animations" ui-sref="animations" title="Animations">
                <i class="fa  fa-fw fa-magic"></i> CSS Animations
            </a>
        </li>
         -->
    </ul>
</nav>
<!-- 
<h5 class="sidebar-header ng-scope">Account Settings</h5>
<div class="setting-list ng-scope">
    <div class="row">
        <div class="col-xs-8">
            <label for="checkOne" class="control-label">Share your status</label>
        </div>
        <div class="col-xs-4">
            <input type="checkbox" class="js-switch ng-pristine ng-untouched ng-valid ng-isolate-scope" ui-switch="{size: 'small', color:'#27B6AF',secondaryColor: '#B3B8C3'}" ng-model="checkOne" checked="" id="checkOne" data-switchery="true" style="display: none;"><span class="switchery switchery-small" style="box-shadow: rgb(179, 184, 195) 0px 0px 0px 0px inset; border-color: rgb(179, 184, 195); transition: border 0.4s, box-shadow 0.4s; -webkit-transition: border 0.4s, box-shadow 0.4s; background-color: rgb(179, 184, 195);"><small style="left: 0px; transition: left 0.2s; -webkit-transition: left 0.2s; background-color: rgb(255, 255, 255);"></small></span>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-8">
            <label for="checkTwo" class="control-label">Push Notifications</label>
        </div>
        <div class="col-xs-4">
            <input type="checkbox" class="js-switch ng-pristine ng-untouched ng-valid ng-isolate-scope" ui-switch="{size: 'small',color:'#27B6AF',secondaryColor: '#B3B8C3'}" ng-model="checkTwo" id="checkTwo" data-switchery="true" style="display: none;"><span class="switchery switchery-small" style="box-shadow: rgb(179, 184, 195) 0px 0px 0px 0px inset; border-color: rgb(179, 184, 195); transition: border 0.4s, box-shadow 0.4s; -webkit-transition: border 0.4s, box-shadow 0.4s; background-color: rgb(179, 184, 195);"><small style="left: 0px; transition: left 0.2s; -webkit-transition: left 0.2s; background-color: rgb(255, 255, 255);"></small></span>
        </div>
    </div>
</div>
 -->
<!-- </aside> -->

<!-- FIM SLIDE BAR -->
